<!doctype html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <title></title>
    <link th:href="@{/bootstrap/css/bootstrap.css}" rel="stylesheet">
</head>

<body>



<main class="container">
    <div th:replace="~{header::header}"></div>

    <div class="row g-5">
        <div class="col-md-8">
            <h3 class="pb-4 mb-4 fst-italic border-bottom">
                From the Firehose
            </h3>

            <article class="blog-post">
                <h2 class="blog-post-title" th:text="${plant.getName()}"></h2>
                <hr>
                <h3>类型</h3>
                <p th:text="${plant.getType()}"></p>
                <h3>枝形</h3>
                <p th:text="${plant.getBranchType()}"></p>
                <h3>花期</h3>
                <p th:text="${plant.getFtime()}"></p>
                <h3>成株高度</h3>
                <p th:text="${plant.getMatrueHeight()}"></p>
                <h3>冠幅</h3>
                <p th:text="${plant.getCrownLength()}"></p>
                <h3>胸径</h3>
                <p th:text="${plant.getDiameter()}"></p>
                <h3>地理分布</h3>
                <p th:text="${plant.getPlace()}"></p>
            </article>

        </div>

    </div>
</main>

<script th:src="@{/js/jquery-3.5.1.min.js}"></script>
<script th:src="@{/bootstrap/js/bootstrap.js}"></script>
<script th:src="@{/bootstrap/js/bootstrap.bundle.js}"></script>


<script>

</script>

</body>

</html>
